<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <style>
        .box{
            width: 600px;
            height: 290px;
            border: 1px solid #eeeeee;
            margin: 50px auto 0;
        }
        .box .c1{
            width: 560px;
            height: 49px;
            border-bottom: 1px solid #eeeeee;
            margin: auto;
            /* background-color: pink; */
        }
        .box .c1 h2{
            font: 18px/48px '微软雅黑';
            width: 100px;
            height: 48px;
            border-bottom: 2px solid red;
            text-align: center;
        }
        .box .c1 a{
            text-decoration: none;
            font-size: 14px;
            font-family: '微软雅黑';
            color: rgb(156, 154, 154);
            float: right;
            margin-top: -35px;
        }
        .box .c2{
            width: 560px;
            height: 240px;
            /* background-color: powderblue; */
            margin: auto;
        }
        .box .c2 ul{
            list-style-position: inside;
        }
        .box .c2 ul li{
            margin-left: -35px;
            width: 560px;
            height: 40px;
            font: 14px/40px '微软雅黑';
            color: #000;
            border-bottom: 1px solid #eee;
        }
        .box .c2 ul li a{
            text-decoration: none;
            font: bold 14px/40px '微软雅黑';
            color: #000;
        }
        .box .c2 ul li span{
            float: right;
        }
        .box .c2 ul li img{
            margin-bottom: -2px;
        }
    </style>
</head>
<body>
    <div class="box">
        <div class="c1">
            <h2>新闻列表</h2>
        </div>
        <div class="c2">
            <ul>
                <li>
                    <a href="#">崔龙洙解苏宁因何打动她 要以学习的姿态去中超</a>
                    <span>2016-06-23</span>
                </li>
                <li>
                    <a href="#">崔龙洙首尔告别战率队2-1胜 赛后向球迷挥手作别</a>
                    <span>2016-06-23</span>
                </li>
                <li>
                    <a href="#">曝国安苏宁争抢比甲铜靴 意大利国脚身价650万欧</a>
                    <span>2016-06-23</span>
                </li>
                <li>
                    <a href="#">崔龙洙或将现场看苏宁战恒大 称被球队诚意打动</a>
                    <span>2016-06-23</span>
                </li>
                <li>
                    <a href="#">中超转会汇总（更新中）国内足球招实习兼职编辑</a>
                    <span>2016-06-23</span>
                </li>
                <li>
                    <a href="#">永昌官宣法国高中锋加盟 联赛28场15球曾站欧冠</a>
                    <span>2016-06-23</span>
                </li>
            </ul>
        </div>
    </div>
</body>
</html>